<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城列表</title>
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/common.css">
    <!-- 母版 -->
    <link rel="stylesheet" href="../css/muban.css">
    <!-- 自己css -->
    <link rel="stylesheet" href="../css/list.css">
    <!-- 轮播css -->
    <link rel="stylesheet" href="../css/slider.css">
    <!--先jq 后jq插件 -->
    <script src="../lib/jquery.min.js"></script>
    <!-- 插件 -->
    <script src="../lib/jquery.slidebox.js"></script>
    <!-- 当前js -->
    <script src="../js/list.js"></script>

</head>

<body>
    <!-- 头部 -->
    <div class="head  banner">

        <div class="head-top  clear-fd ">

            <div class="clear-fd type-area head-topa">
                <div class="head-img">
                    <h1><img src="../imgs/img/LOGO_02.jpg" alt=""></h1>
                </div>
                <div class="fl">legochina.cn</div>
                <div class=" fr">请&nbsp;登录\<a href="#">注册</a></div>
                <div class="fr">欢迎光临<a href="./home.html">乐购,</a></div>
            </div>
        </div>

        <div class="fr type-area head-searchh">
            <div class="head-search  type-area clear-fd  ">
                <input type="text" placeholder="创意文具" class="fl">
                <input type="text" value="" class="fl">
            </div>
            <div class="head-shopping  fr">
                <a href="#" class="head-shopping-small clear-fd">购物车 <span>3</span></a>
                <a href="#" class="head-shopping-smalls">我的订单</a>
            </div>
        </div>
        <div class="head-nav  type-area ">
            <ul class=" fr clearfix">
                <li><a href="./home.html">图书</a></li>
                <li><a href="./list.html">电子书</a></li>
                <li><a href="./particulars.html">原创文学</a></li>
                <li><a href="./register.html">登录</a></li>
                <li><a href="#">运动户外</a></li>
                <li><a href="#">孕婴童</a></li>
                <li><a href="#">家居</a></li>
                <li><a href="#">创意文具</a></li>
                <li><a href="#">地方特产</a></li>
                <li><a href="#">海外购</a></li>
                <li><a href="./shopping.html">购物</a></li>
            </ul>
        </div>
    </div>

    <!-- 菜单轮播 -->
    <div class="menu type-area  ">
        <div class="menu-content  fl clearfix">
            <div class="carousel  fl clearfix">
                <div class="pptbox fl" id="slider">
                    <ul class="innerwrapper">
                        <li>
                            <a href="#">
                                <img src="../imgs/img/banner1.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/img/banner2.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/img/banner3.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/img/banner4.jpg" />
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <img src="../imgs/img/banner5.jpg" />
                            </a>
                        </li>
                    </ul>
                    <ul class="controls">
                        <li class="current">1</li>
                        <li>2</li>
                        <li>3</li>
                        <li>4</li>
                        <li>5</li>
                    </ul>
                    <span class="btnleft"></span>
                    <span class="btnright"></span>
                </div>
            </div>
            <!-- 热卖畅销 -->
            <div class="banner-right fl clearfix">
                <h2>热卖畅销</h2>
                <ul>
                    <li class="banner-active">
                        <span>1</span>
                        <img class="fl" src="../imgs/img/23579654-1_l.jpg" alt="">
                        <p>
                            《三体》刘慈欣一场科幻的史诗风暴
                        </p>
                    </li>
                    <li>
                        <span>2</span>
                        <img class="fl" src="../imgs/img/23353342-1_l.jpg" alt="">
                        <p>
                            《三体》刘慈欣一场科幻的史诗风暴
                        </p>
                    </li>
                    <li>
                        <span>3</span>
                        <img class="fl" src="../imgs/img/23353342-1_l.jpg" alt="">
                        <p>
                            《三体》刘慈欣一场科幻的史诗风暴
                        </p>
                    </li>
                    <li class="">
                        <span>4</span>
                        <img class="fl" src="../imgs/img/23353342-1_l.jpg" alt="">
                        <p>
                            《三体》刘慈欣一场科幻的史诗风暴
                        </p>
                    </li>
                    <li class="">
                        <span>5</span>
                        <img class="fl" src="../imgs/img/23353342-1_l.jpg" alt="">
                        <p>
                            《三体》刘慈欣一场科幻的史诗风暴
                        </p>
                    </li>
                    <li class="">
                        <span>6</span>
                        <img class="fl" src="../imgs/img/23353342-1_l.jpg" alt="">
                        <p>
                            《三体》刘慈欣一场科幻的史诗风暴
                        </p>
                    </li>
                    <li class="">
                        <span>7</span>
                        <img class="fl" src="../imgs/img/23353342-1_l.jpg" alt="">
                        <p>
                            《三体》刘慈欣一场科幻的史诗风暴
                        </p>
                    </li>
                </ul>
            </div>

        </div>
        <div class="menu-paster  fr  clearfix">
            <img src="../imgs/img/list.2.png" alt="">
        </div>
    </div>

    <!-- 图书折扣区 -->
    <div class="type-area bookdiscount  clearfix">
        <div class="book-areatitle">
            <h2 class=" fsize22 bgcc fwhile">乐购 · 图书折扣区</h2>
        </div>
        <ul class="bookregion fl clearfix">
            <li class="bookregion1  fl clearfix bookregioncolor">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan2 fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/index3.jpg" alt="">
                    <img src="../imgs/img/index-1.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li>

        </ul>
        <ul class="bookregion bookregins fl clearfix">
            <!--  <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22"><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li>
            <li class="bookregion1 fl  clearfix ">
                <div class="bookregion1img">
                    <img src="../imgs/img/22788959-1_l.jpg" alt="">
                    <img src="../imgs/img/index-2.png" alt="">
                </div>
                <p class="f00">白夜行 东野上吾</p>
                <div class="fred bookregion1remennd">
                    <span class="fize16">推荐:</span>
                    <img src="../imgs/img/xx1.png" alt="">
                </div>
                <div class="bookregion1price fl clearfix">
                    <span class="fred fl fsize22">&yen; :38</span>
                    <span class="bookregion1pricespan fl fsize22 "><del>&yen; :58</del></span>
                </div>


            </li> -->


        </ul>

    </div>



    <!-- 新书上架 newbook -->
    <div class="newbook type-area clearfix ">
        <div class="newbooktitle  clearfix ">
            <h2 class=" fwhile fsize26 ">
                <div class="fl bgcc">新</div><span class="fsize22 f00  fsizeno ">书上架</span>
            </h2>

        </div>
        <div class="newbooklefts  fl">
            <div class="newbookleft  fl">
                <ul class="fl">
                    <!--  <li class="newbookleftlis bor fl">
                        <img src="../imgs/img/22928335-1_l.jpg" alt="">
                        <div>
                            <p class="fhei">查理 斯密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen;49 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del class="fb8">&yen;79</del></p>
                        </div>
                    </li> -->
                    <script>
                        for (let i = 1; i <= 5; i++) {
                            document.write(`
                            <li class="newbookleftlis  fl">
                        <img src="../imgs/img/22928335-1_l.jpg" alt="">
                        <div>
                            <p class="fhei">查理 斯密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen;49 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del class="fb8">&yen;79</del></p>
                        </div>
                    </li>`)
                        }
                    </script>
                    <!-- <li class="newbookleftlis  fl">
                        <img src="../imgs/img/22499729-1_l_5.jpg" alt="">
                        <div>
                            <p class="fhei">查理 斯密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen;49 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del class="fb8">&yen;79</del></p>
                        </div>
                    </li> -->
                    <!-- <script>
                        for (let i = i; i <= 4; i++) {
                            document.write(`<li class="newbookleftlis clearfix fl">
                        <img src="../imgs/img/22499729-1_l_5.jpg" alt="">
                        <div>
                            <p class="fhei">查理 斯密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen;49 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del class="fb8">&yen;79</del></p>
                        </div>
                    </li>`)
                        }
                    </script> -->
                    <li class="newbookleftlis  fl clearfix">
                        <img src="../imgs/img/22499729-1_l_5.jpg" alt="">
                        <div>
                            <p class="fhei">查理 斯密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen;49 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del class="fb8">&yen;79</del></p>
                        </div>
                    </li>
                    <li class="newbookleftlis  fl">
                        <img src="../imgs/img/22499729-1_l_5.jpg" alt="">
                        <div>
                            <p class="fhei">查理 斯密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen;49 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del class="fb8">&yen;79</del></p>
                        </div>
                    </li>
                    <li class="newbookleftlis  fl">
                        <img src="../imgs/img/22499729-1_l_5.jpg" alt="">
                        <div>
                            <p class="fhei">查理 斯密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen;49 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del class="fb8">&yen;79</del></p>
                        </div>
                    </li>
                    <li class="newbookleftlis  fl">
                        <img src="../imgs/img/22499729-1_l_5.jpg" alt="">
                        <div>
                            <p class="fhei">查理 斯密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen;49 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del class="fb8">&yen;79</del></p>
                        </div>
                    </li>
                    <li class="newbookleftlis  fl">
                        <img src="../imgs/img/22499729-1_l_5.jpg" alt="">
                        <div>
                            <p class="fhei">查理 斯密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen;49 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del class="fb8">&yen;79</del></p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 手风琴 -->
            <div class="ebook-right  bor fl">
                <h3 class="teal fsize22 fhei">新书畅销榜</h3>
                <ul>
                    <li class="ebook-li">
                        <span class="">1</span>
                        <h4 class="hode">就喜欢你看不惯我</h4>
                        <div class="ebook-right-new clearfix">
                            <img src="../imgs/img/index08_05.jpg" alt="" class="fl">
                            <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </li>
                    <li class="ebook-li">
                        <span class="">2</span>
                        <h4 class="">就喜欢你看不惯我</h4>
                        <div class=" clearfix">
                            <img src="../imgs/img/index08_05.jpg" alt="" class="fl">
                            <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </li>
                    <li class="ebook-li">
                        <span class="">3</span>
                        <h4 class="">就喜欢你看不惯我</h4>
                        <div class=" clearfix">
                            <img src="../imgs/img/index08_05.jpg" alt="" class="fl">
                            <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </li>
                    <li class="ebook-li">
                        <span class="">4</span>
                        <h4 class="">就喜欢你看不惯我</h4>
                        <div class=" clearfix">
                            <img src="../imgs/img/index08_05.jpg" alt="" class="fl">
                            <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </li>
                    <li class="ebook-li">
                        <span class="">5</span>
                        <h4 class="">就喜欢你看不惯我</h4>
                        <div class=" clearfix">
                            <img src="../imgs/img/index08_05.jpg" alt="" class="fl">
                            <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </li>
                    <li class="ebook-li">
                        <span class="">6</span>
                        <h4 class="">就喜欢你看不惯我</h4>
                        <div class=" clearfix">
                            <img src="../imgs/img/index08_05.jpg" alt="" class="fl">
                            <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </li>
                    <li class="ebook-li">
                        <span class="">7</span>
                        <h4 class="">就喜欢你看不惯我</h4>
                        <div class=" clearfix">
                            <img src="../imgs/img/index08_05.jpg" alt="" class="fl">
                            <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </li>
                    <li class="ebook-li">
                        <span class="">8</span>
                        <h4 class="">就喜欢你看不惯我</h4>
                        <div class=" clearfix">
                            <img src="../imgs/img/index08_05.jpg" alt="" class="fl">
                            <p>从你的世界路过入选央视“2014中国好书”的80后作品！十年华语畅销小说，王家卫陈国富倾力推荐， 1500万次转发，超4亿次阅读</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>


    </div>

    <!-- 独家提供 exclusive-->
    <div class="exclusive type-area">
        <div class="exclusivetitle clearfix">
            <h2 class=" fwhile fsize26 fl">
                <div class="fl bgcc">独</div><span class="fsize22 f00  fsizeno ">家提供</span>
            </h2>
            <ul class="fr exclusivetitleul clearfix fhei fseze18">
                <li class="exclusivetitlejs">货币金融</li>
                <li>社会文学</li>
                <li>儿童文学</li>
                <li>教学参辅</li>
                <li>生活</li>
                <li>小说</li>
                <li>科学技术</li>
            </ul>
        </div>
        <!-- 轮播 -->
        <!--   <div class="carousel  fl clearfix">
            <div class="pptbox fl" class="sliderll">
                <ul class="innerwrapper">
                    <li>
                        <a href="#">
                            <img src="../imgs/img/banner1.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../imgs/img/banner2.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../imgs/img/banner3.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../imgs/img/banner4.jpg" />
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="../imgs/img/banner5.jpg" />
                        </a>
                    </li>
                </ul>
                <ul class="controls">
                    <li class="current">1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                </ul>
                <span class="btnleft"></span>
                <span class="btnright"></span>
            </div>
        </div> -->
        <!-- <div class="exclusivecarousel bor clearfix">
            <div class="exclusivecarousel1 fl ">
                <p><img src="../imgs/img/23418061-1_l.jpg" alt=""></p>
                <p class="f00">查理 史密斯</p>
                <p>中国邮电出版社</p>
                <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
            </div> -->
        <!-- <script>
                for (let i = 1; i <= 12; i++) {
                    document.write(`
                    <div class="exclusivecarousel1 fl ">
                <p><img src="../imgs/img/23418061-1_l.jpg" alt=""></p>
                <p class="f00">查理 史密斯1</p>
                <p>中国邮电出版社</p>
                <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
            </div>
                    `)
                }
            </script>

        </div> -->
        <div class="pptbox fl pro-slide">
            <ul class="innerwrapper">
                <li>
                    <div class="exclusivecarousel  clearfix">
                        <div class="exclusivecarousel1 fl ">
                            <p><img src="../imgs/img/23418061-1_l.jpg" alt=""></p>
                            <p class="f00">查理 史密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
                        </div>
                        <script>
                            for (let i = 1; i <= 11; i++) {
                                document.write(`
                                <div class="exclusivecarousel1 fl ">
                            <p><img src="../imgs/img/23418061-1_l.jpg" alt=""></p>
                            <p class="f00">查理 史密斯1</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
                        </div>
                                `)
                            }
                        </script>

                    </div>
                </li>
                <li>
                    <div class="exclusivecarousel  clearfix">
                        <div class="exclusivecarousel1 fl ">
                            <p><img src="../imgs/img/23418061-1_l.jpg" alt=""></p>
                            <p class="f00">查理 史密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
                        </div>
                        <script>
                            for (let i = 1; i <= 11; i++) {
                                document.write(`
                                <div class="exclusivecarousel1 fl ">
                            <p><img src="../imgs/img/23418061-1_l.jpg" alt=""></p>
                            <p class="f00">查理 史密斯2</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
                        </div>
                                `)
                            }
                        </script>

                    </div>
                </li>
                <li>
                    <div class="exclusivecarousel  clearfix">
                        <div class="exclusivecarousel1 fl ">
                            <p><img src="../imgs/img/23418061-1_l.jpg" alt=""></p>
                            <p class="f00">查理 史密斯</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
                        </div>
                        <script>
                            for (let i = 1; i <= 11; i++) {
                                document.write(`
                                <div class="exclusivecarousel1 fl ">
                            <p><img src="../imgs/img/23418061-1_l.jpg" alt=""></p>
                            <p class="f00">查理 史密斯3</p>
                            <p>中国邮电出版社</p>
                            <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
                        </div>
                                `)
                            }
                        </script>

                    </div>
                </li>

            </ul>
            <ul class="controls">
                <li class="current">1</li>
                <li>2</li>
                <li>3</li>

            </ul>
            <span class="btnleft"></span>
            <span class="btnright"></span>
        </div>
    </div>

    <!-- 猜你喜欢 -->
    <div class="guessyou type-area">
        <div class="exclusivetitle guessyoutitle clearfix ">
            <h2 class=" fwhile fsize26 fl">
                <div class="fl bgcc">猜</div><span class="fsize22 f00  fsizeno ">你喜欢</span>

                <img src="../imgs/img/屏幕截图1 2021-02-27 201901.png" alt="">

            </h2>

        </div>
        <div class="guessyoubooks">
            <div class="guessyoubooksrack">
                <div class="exclusivecarousel  clearfix">
                    <!-- <div class="exclusivecarousel1 fl ">
                        <p><img src="../imgs/img/22790777-1_l_1.jpg" alt=""></p>
                        <p class="f00">查理 史密斯</p>
                        <p>中国邮电出版社</p>
                        <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
                    </div> -->
                    <script>
                        for (let i = 1; i <= 12; i++) {
                            document.write(`
                            <div class="exclusivecarousel1 fl ">
                                <p><img src="../imgs/img/22790777-1_l_1.jpg" alt=""></p>
                        <p class="f00">查理 史密斯1</p>
                        <p>中国邮电出版社</p>
                        <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
                    </div>
                            `)
                        }
                    </script>

                </div>
                <div class="exclusivecarousel  clearfix">

                    <script>
                        for (let i = 1; i <= 12; i++) {
                            document.write(`
                            <div class="exclusivecarousel1 fl ">
                                <p><img src="../imgs/img/22790777-1_l_1.jpg" alt=""></p>
                        <p class="f00">查理 史密斯2</p>
                        <p>中国邮电出版社</p>
                        <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
                    </div>
                            `)
                        }
                    </script>

                </div>
                <div class="exclusivecarousel  clearfix">

                    <script>
                        for (let i = 1; i <= 12; i++) {
                            document.write(`
                            <div class="exclusivecarousel1 fl ">
                                <p><img src="../imgs/img/22790777-1_l_1.jpg" alt=""></p>
                        <p class="f00">查理 史密斯3</p>
                        <p>中国邮电出版社</p>
                        <p class="fred">&yen; 49</span> <del class="f6b">&yen; 79</del></p>
                    </div>
                            `)
                        }
                    </script>

                </div>
            </div>

        </div>
    </div>

    <!-- 人文精选 choiceness-->
    <div class="choiceness type-area clearfix">
        <div class="choiceness1 clearfix">
            <script>
                for (let i = 0; i < 6; i++) {
                    document.write(`
                    <img src="../imgs/img/zz 2021-02-27 222540.png" alt="" class="fl">`)
                }
            </script>

        </div>
        <div class="choiceness2">
            <img src="../imgs/img/list.2.png" alt="">
        </div>


    </div>
    <!-- 尾页 -->

    <div class="foot banner">
        <ul class="foot-hear">
            <li>
                <img src="../imgs/img/222_11.png" alt="">
                <img src="../imgs/img/222_13.png" alt="">
                <img src="../imgs/img/222_15.png" alt="">
                <img src="../imgs/img/222_17.png" alt="">
            </li>
        </ul>
        <div class="foot-centent ">
            <div class="foot-guide  clearfix">
                <ul class="fl clearfix">
                    <li><a href="#" class="foot-shopping fseze18 f00">购物指南</a></li>
                    <li><a href="#" class="fb8">购物流程</a></li>
                    <li><a href="#" class="fb8">发票制度</a></li>
                    <li><a href="#" class="fb8">账户管理</a></li>
                    <li><a href="#" class="fb8">会员优惠</a></li>
                </ul>
                <ul class="fl clearfix">
                    <li><a href="#" class="foot-shopping fseze18 f00">购物指南</a></li>
                    <li><a href="#" class="fb8">购物流程</a></li>
                    <li><a href="#" class="fb8">发票制度</a></li>
                    <li><a href="#" class="fb8">账户管理</a></li>
                    <li><a href="#" class="fb8">会员优惠</a></li>
                </ul>
                <ul class="fl clearfix">
                    <li><a href="#" class="foot-shopping fseze18 f00">购物指南</a></li>
                    <li><a href="#" class="fb8">购物流程</a></li>
                    <li><a href="#" class="fb8">发票制度</a></li>
                    <li><a href="#" class="fb8">账户管理</a></li>
                    <li><a href="#" class="fb8">会员优惠</a></li>
                </ul>
                <ul class="fl clearfix">
                    <li><a href="#" class="foot-shopping fseze18 f00">购物指南</a></li>
                    <li><a href="#" class="fb8">购物流程</a></li>
                    <li><a href="#" class="fb8">发票制度</a></li>
                    <li><a href="#" class="fb8">账户管理</a></li>
                    <li><a href="#" class="fb8">会员优惠</a></li>
                </ul>
                <ul class="fl clearfix">
                    <li><a href="#" class="foot-shopping fseze18 f00">购物指南</a></li>
                    <li><a href="#" class="fb8">购物流程</a></li>
                    <li><a href="#" class="fb8">发票制度</a></li>
                    <li><a href="#" class="fb8">账户管理</a></li>
                    <li><a href="#" class="fb8">会员优惠</a></li>
                </ul>
            </div>
            <div class="foot-legou">
                <img src="../imgs/img/logo_00.png" alt="">
            </div>
        </div>
        <div class="foot-brief  fl clearfix">

            <ul class="clearfix">
                <li>
                    <a href="#" class="fb8">会员简介<span>|</span></a>

                    <a href="#" class="fb8">lnverstor Relations<span>|</span></a>

                    <a href="#" class="fb8">网站联盟<span>|</span></a>

                    <a href="#" class="fb8">乐购招商<span>|</span></a>
                    <a href="#" class="fb8">机构销售<span>|</span></a>
                    <a href="#" class="fb8">手机乐购<span>|</span></a>
                    <a href="#" class="fb8">官方Blog<span>|</span></a>
                    <a href="#" class="fb8">热词搜索<span>|</span></a>
                </li>
            </ul>
        </div>
        <div class="foot-date ">
            <p>
                Copyright (C) 乐购网 2004-2016, A || Rights Reserver
            </p>
        </div>
    </div> -->
</body>

</html>